<div class="{{ section.settings.section_padding_top }} {{ section.settings.section_padding_bottom }}">
  <div class="{% if section.settings.include_margins %}container{% endif %}">
    {%- for block in section.blocks -%}
      {% render block %}
    {%- endfor -%}
  </div>
</div>

{% schema %}
{
  "name": "t:sections.apps.name",
  "tag": "section",
  "class": "spaced-section",
  "settings": [
    {
      "type": "checkbox",
      "id": "include_margins",
      "default": false,
      "label": "t:sections.apps.settings.include_margins.label"
    },
    {
      "type": "select",
      "id": "section_padding_top",
      "label": "Section inner top space",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "pt-3",
          "label": "Small"
        },
        {
          "value": "pt-section",
          "label": "Large"
        }
      ],
      "default": "pt-section"
    },
    {
      "type": "select",
      "id": "section_padding_bottom",
      "label": "Section innner bottom space",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "pb-3",
          "label": "Small"
        },
        {
          "value": "pb-section",
          "label": "Large"
        }
      ],
      "default": "pb-section"
    }
  ],
  "blocks": [
    {
      "type": "@app"
    }
  ],
  "presets": [
    {
      "name": "t:sections.apps.presets.name"
    }
  ]
}
{% endschema %}
